<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/lib/jquery.min.js" ></script>
		<link rel="stylesheet" href="fonts/iconfont.css">
		<link href="css/bootstrap.css" rel="stylesheet">
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet/less" type="text/css" href="css/xStyle.less" />
        <script type="text/javascript" src="js/lib/less.js" ></script>

		
	</head>
	<body >
	 
    <div id ="i1"></div>	
    
    
	</body>
    <script type="module">

	import  xThumbnail from './js/src/xThumbnail.js';
	
	let Thumbnail = new xThumbnail({el:"i1",
	 mark:'http://127.0.0.1:8020/x-ui/img/upload/图片2.png',
	 uploadUrl:'http://127.0.0.1:8020/x-ui/img/upload',
	 imageSize:"800*400",
     thumbnailSize:"200*100",
	 col:"col-lg-12",
	 mandatory:true});
	  
	 
	Thumbnail.initValue('http://127.0.0.1:8020/x-ui/img/upload/222.jpg');
  
	</script>
</html>
